// 为输入框添加按键监听事件
renderInputBox.addEventListener("keypress",
	event => {
		// 当按下的键是 Enter 且没有同时按下 Shift 键时
		if (event.key === "Enter" && !event.shiftKey) {
			// 阻止默认的换行行为
			event.preventDefault();
			// 调用创建轻量渲染的函数
			createSimpleRendering();
		}
	}
);

// 为输入按钮添加点击监听事件，点击时调用创建轻量渲染的函数
renderInputButton.addEventListener("click", () => createSimpleRendering());

/**
 * 创建轻量渲染内容
 *
 * 从输入框获取内容，若内容不为空则添加消息到历史记录并进行渲染，最后清空输入框
 */
function createSimpleRendering() {
	/**
	 * 获取用户输入的消息
	 */
	const message = getUserMessage();
	// 若消息为空则直接返回
	if (!message) return;
	/**
	 * 调用 createMessageObject 函数添加消息到历史记录，获取消息对象
	 */
	const userMsgObj = createMessageObject("user", message, false, true);
	// 清空已经渲染过的内容
	simpleRenderingPanel.innerHTML = '';
	// 调用 renderMessage 函数渲染消息到指定面板
	renderMessage(userMsgObj, simpleRenderingPanel);
};